body{
    background-color: rgb(245, 245, 245);
}
#nav {
    display: flex;
    /* border: 1px solid black; */
    width: 100%;
    background-color: rgb(255, 255, 255);
}

#search {
    display: flex;
    margin: 3% auto;
    width: 80%;
    flex-wrap: nowrap;
    /* border: 1px solid black; */
    margin-left: 7%;
}

#search input {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: rgb(243, 243, 243);
    border: none;
    width: 100%;
    outline: none;
}

.wenben {
    width: 20%;
    /* border: 1px solid black; */
    text-align: center;
    margin-top: 4%;
}

.wenben p {
    /* border: 1px solid black; */
    font-size: 14px;
}

#search .iconfont {
    display: block;
    font-size: 19px;
    padding-top: 5px;
    padding-bottom: 6px;
    padding-right: 10px;
    /* border: 1px solid black; */
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: rgb(243, 243, 243);
}

/* 历史搜索 */
#lishi {
    width: 100%;
    background-color: rgb(255, 255, 255);
}
#lishi>.tanke:first-child{
    width: 95%;
    display: flex;
    margin: 0 auto;
    border-bottom: 1px solid rgb(139, 139, 139);
    box-shadow: 1px 1px 1px rgb(226, 226, 226);
    border-radius: 5px;
}
.tanke {
    /* border: 1px solid black; */
    width: 95%;
    display: flex;
    margin: 3% auto;
    border-bottom: 1px solid rgb(139, 139, 139);
    box-shadow: 1px 1px 1px rgb(226, 226, 226);
    border-radius: 5px;
    line-height: 20px;
}

.tanke a {
    width: 80%;
    /* border: 1px solid black; */
    display: flex;
    margin: 2% auto;
    margin-left: 5%;
}

.tanke div:nth-child(2) {
    width: 10%;
    margin: 2% auto;
}

.tanke p {
    /* font-weight: bold; */
    font-size: 14px;
}

.tanke a div:first-child .iconfont {
    display: block;
    font-size: 15px;
    /* border: 1px solid black; */
    margin-top: 2px;
    margin-right: 10px;
}

.tanke div:nth-child(2) .iconfont {
    display: block;
    font-size: 13px;
    /* border: 1px solid black; */
    margin-top: 1px;
    margin-left: 12px;
}

.quanbu {
    margin: 0 auto;
    width: 100%;
    /* border: 1px solid #000; */
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid rgb(204, 204, 204);
    box-shadow: 1px 1px 1px rgb(226, 226, 226);
    border-radius: 5px;
    
}

.quanbu>a {
    width: 100%;
    margin-bottom: 3%;
}

.quanbu>a h4 {
    width: 100%;
    /* border: 1px solid black; */
    text-align: center;
    color: #00bba8;
    line-height: 20px;
}
/* 热门搜索 */
.remen{
    width: 100%;
    background-color: rgb(255, 255, 255);
    /* border: 1px solid #000; */
    margin-top: 3%;
    border-radius: 5px;
}
.remen h3{
    margin-left: 3%;
    padding-top: 3%;
    margin-bottom: 3%;
}
.nr{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-left: 3%;
    margin-top: 2%;
    font-size: 14px;
    margin-bottom: 3%;
}
.nr div{
    width: 50%;
    margin: 3% auto;
}
.nr span{
    color: #21b8a9;
}

